<template>
  <view class="index">
    <view v-if="wdl">
      <view class="jtop" v-if="nodata">
        <view class="status_bar"><!-- 这里是状态栏 --></view>
        <!-- <view class="jtop_l"></view> -->
        <view class="jtop_c" @tap="xl" v-if="dqfull_name"
          ><span class="ell">{{
            dqfull_name ? dqfull_name.name : '工作台'
          }}</span>
          <image
            src="../../static/img/index/ic_down.png"
            v-if="!show_xl"
          ></image>
          <image src="../../static/img/index/ic_up.png" v-if="show_xl"></image>
        </view>

        <view class="jtop_c jtop_c2" v-if="!dqfull_name">工作台</view>

        <view class="jtop_r" @tap="to_more" v-if="dqfull_name"
          ><image src="../../static/img/index/ic_ellipsis.png"></image
        ></view>
        <view class="jtop_r" @tap="add" v-if="dqfull_name"
          ><image src="../../static/img/ic_addw2.png"></image
        ></view>
      </view>

      <!-- 顶部弹出层 -->
      <view :class="[show_xl ? 'jtop_tc' : 'jtop_tc hide']">
        <view class="jtop_b">
          <view
            class="jtop_bs"
            :class="true == item.actived ? 'selectBox' : ''"
            @click="labelBtn(index)"
            v-for="(item, index) in items"
            :key="item.id"
          >
            <view>
              <text class="ell">{{ item.name }}</text>
              <image src="../../static/img/index/ic_check.png"></image>
            </view>
          </view>
        </view>

        <view class="jtop_bj" @tap="xl"></view>
      </view>

      <!-- 无内容 -->
      <view class="no" v-if="!nodata">
        <view class="no_t">
          <image src="../../static/img/index/img_appstoreadd.png"></image>
        </view>
        <view class="no_c">
          您暂时还没有任何项目，<br />
          请新建一个项目
        </view>
        <view class="no_f" @tap="tp_add">
          新建项目
        </view>
      </view>

      <view class="tophr" v-if="nodata"></view>
      <view class="mb" v-if="nodata">
        <view class="mb_t">
          效率工具
        </view>

        <view class="mb_b" v-if="dqfull_name.appCategoryList[0].appList != ''">
          <view
            class="mb_bs"
            :class="[
              index == 3 || index == 7 || index == 11 || index == 15
                ? 'mb_bs2'
                : '',
              'mb_bsj' + index,
            ]"
            :style="item.name == '未付待结' ? 'display: none' : ''"
            @tap="to_need(item.url)"
            v-for="(item, index) in dqfull_name.appCategoryList[0].appList"
            :key="item.id"
          >
            <image :src="item.icon"></image>
            <text>{{ item.name }}</text>
          </view>

          <view v-if="dqfull_name.appCategoryList[0].appList.length == 5">
            <view class="mb_bs mb_bs22"></view>
            <view class="mb_bs mb_bs22"></view>
            <view class="mb_bs mb_bs22 mb_bs2"></view>
          </view>

          <view v-if="dqfull_name.appCategoryList[0].appList.length == 6">
            <view class="mb_bs mb_bs22"></view>
            <view class="mb_bs mb_bs22 mb_bs2"></view>
          </view>

          <view v-if="dqfull_name.appCategoryList[0].appList.length == 7">
            <view class="mb_bs mb_bs22 mb_bs2"></view>
          </view>

          <!-- 
				<view class="mb_bs" @tap="to_need">
					<image src="../../static/img/index/ic_kaoqin2.png"></image>
					<text>待办</text>
				</view>
				
				
				<view class="mb_bs" @tap="to_clock">
					<image src="../../static/img/index/ic_kaoqin.png"></image>
					<text>考勤打卡</text>
				</view> 
				<view class="mb_bs" @tap="to_work">
					<image src="../../static/img/index/ic_jihua.png"></image>
					<text>工作计划</text>
				</view>
				<view class="mb_bs " @tap="to_build">
					<image src="../../static/img/index/ic_rizhi.png"></image>
					<text>施工日志</text>
				</view>
				<view class="mb_bs " style="border-right: 0;"@tap="to_meeting">
					<image src="../../static/img/index/ic_huiyijiyao.png"></image>
					<text>会议纪要</text>
				</view>
				<view class="mb_bs nobf" @tap="to_agreement">
					<image src="../../static/img/index/ic_hetong.png"></image>
					<text>合同管理</text>
				</view>
				<view class="mb_bs nobf" @tap="to_doc">
					<image src="../../static/img/index/ic_wendang.png"></image>
					<text>文档管理</text>
				</view>
				<view class="mb_bs nobf" @tap="to_finance">
					<image src="../../static/img/index/ic_caiwu.png"></image>
					<text>财务结算</text>
				</view>
				
				<view class="mb_bs nobr "  style="border-bottom: 0;" @tap="to_wfdj">
					<image src="../../static/img/index/ic_wf.png"></image>
					<text>未付待结</text>
				</view> -->
        </view>
      </view>

      <view class="mb" v-if="nodata">
        <view class="mb_t">
          人工物料
        </view>
        <view class="mb_b" v-if="dqfull_name.appCategoryList[1].appList != ''">
          <view
            class="mb_bs"
            :class="[
              index == 3 || index == 7 || index == 11 || index == 15
                ? 'mb_bs2'
                : '',
              'mb_bsj' + index,
            ]"
            @tap="to_need(item.url)"
            v-for="(item, index) in dqfull_name.appCategoryList[1].appList"
            :key="item.id"
          >
            <image :src="item.icon"></image>
            <text>{{ item.name }}</text>
          </view>

          <view v-if="dqfull_name.appCategoryList[1].appList.length == 5">
            <view class="mb_bs mb_bs22"></view>
            <view class="mb_bs mb_bs22"></view>
            <view class="mb_bs mb_bs22 mb_bs2"></view>
          </view>

          <view v-if="dqfull_name.appCategoryList[1].appList.length == 6">
            <view class="mb_bs mb_bs22"></view>
            <view class="mb_bs mb_bs22 mb_bs2"></view>
          </view>

          <view v-if="dqfull_name.appCategoryList[1].appList.length == 7">
            <view class="mb_bs mb_bs22 mb_bs2"></view>
          </view>

          <!-- <view class="mb_bs" @tap="to_bclosei">
					<image src="../../static/img/index/ic_diangong.png"></image>
					<text>包工结算</text>
				</view>
				<view class="mb_bs" @tap="to_closei">
					<image src="../../static/img/index/ic_diangong.png"></image>
					<text>点工结算</text>
				</view>
				<view class="mb_bs" @tap="to_mac">
					<image src="../../static/img/index/ic_jixie.png"></image>
					<text>机械</text>
				</view>
				<view class="mb_bs nobr" @tap="to_mate">
					<image src="../../static/img/index/ic_cailiao.png"></image>
					<text>材料采购</text>
				</view>
				<view class="mb_bs nobf" @tap="to_in">
					<image src="../../static/img/index/ic_churuku.png"></image>
					<text>出入库</text>
				</view>
				<view class="mb_bs nobf" @tap="to_tel">
					<image src="../../static/img/index/ic_tongxunlu.png"></image>
					<text>通讯录</text>
				</view> -->
        </view>
      </view>
    </view>

    <!-- 弹出层 -->
    <view :class="[aashowpop ? 'tc' : 'tc hide']">
      <view class="jtop_bj" @click="abtTC"></view>

      <view class="tc_box">
        <view class="tc_boxt">
          未登录
        </view>
        <view class="tc_boxtc">
          您未登录，需要登录后才能继续
        </view>
        <view class="tc_f">
          <!-- <view class="tc_fl" @click="jshow_pop">取消</view> -->
          <view class="tc_fr" @click="abtTC2">确定</view>
        </view>
      </view>
    </view>

    <!-- 弹出层 -->
    <view :class="[aashowpop2 ? 'tc' : 'tc hide']">
      <view class="jtop_bj" @click="abtTC3"></view>

      <view class="tc_box">
        <view class="tc_boxt">
          提示
        </view>
        <view class="tc_boxtc">
          您当前还不属于任何企业，无法新建项目，请先创建一个企业
        </view>
        <view class="tc_f">
          <!-- <view class="tc_fl" @click="jshow_pop">取消</view> -->
          <view class="tc_fr" @click="abtTC22">确定</view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
import request from '@/common/request.js';
import { mapState } from 'vuex';

export default {
  data() {
    return {
      repeat_click: true,
      show_xl: false,
      ashowpop: false,
      ashowpop_sz: false,
      ashowpop_jfolder: false,
      ashowpop_jtop_rl: false,
      bj: false,
      items: [],
      corp_id: '',
      nodata: true,
      dqfull_name: {
        appCategoryList: [
          { id: 1, name: '效率工具', appList: [] },
          { id: 2, name: '人工物料', appList: [] },
        ],
      },
      jtitle: '',
      wdl: false,
      aashowpop: false,
      aashowpop2: false,
      corpId: '',
    };
  },

  onShow() {
    this.aashowpop2 = false;
    if (uni.getStorageSync('user').corpBaseInfoResponse) {
      this.corpId = uni.getStorageSync('user').corpBaseInfoResponse.id;
    }
    var ys = [
      '#FFAA20',
      '#FC9422',
      '#FF5B3C',
      '#EB5342',
      '#FC6546',
      '#EC5D78',
      '#59698C',
      '#6CD049',
      '#2DB755',
      '#515CFF',
      '#4797FC',
      '#539CF8',
      '#5188FF',
      '#46B2E0',
      '#FFAA20',
      '#FC9422',
      '#FF5B3C',
      '#EB5342',
      '#FC6546',
      '#EC5D78',
      '#59698C',
      '#6CD049',
      '#2DB755',
      '#515CFF',
      '#4797FC',
      '#539CF8',
      '#5188FF',
      '#46B2E0',
      '#FFAA20',
      '#FC9422',
      '#FF5B3C',
      '#EB5342',
      '#FC6546',
      '#EC5D78',
      '#59698C',
      '#6CD049',
      '#2DB755',
      '#515CFF',
      '#4797FC',
      '#539CF8',
      '#5188FF',
      '#46B2E0',
    ];

    uni.setStorageSync('ys', ys);

    this.ashowpop = false;
    this.show_xl = false;

    var res = global.isLogin();
    console.log('11111', res);
    if (!res) {
      // this.aashowpop = true;
      uni.navigateTo({
        url: '../login/login',
      });

      //    uni.showModal({
      //     title:'未登录',
      //     content:"您未登录，需要登录后才能继续",
      // 	showCancel: false,
      //     success:function(){
      //       uni.navigateTo({
      //       	url: '../login/login'
      //       });
      // 	return false;
      //     }
      //    })
      console.log('qqqqqqqqq');
      return false;
    } else {
      // 获取用户信息
      request({
        url: '/ucenter/corp-user/corp/default',
        method: 'GET',

        success: res => {
          console.log('用户信息x：', res.data.data);
          if (res.data.success == true) {
            uni.setStorageSync('user', res.data.data);
            if (res.data.data.corpBaseInfoResponse) {
              this.corp_id = res.data.data.corpBaseInfoResponse.id;
            } else {
              this.nodata = false;
              return false;
            }

            if (!this.corp_id) {
              console.log('nodata', this.nodata);
              return;
            }

            // 获取列表信息
            request({
              url: `/ucenter/project/list`,
              data: {
                corpId: this.corp_id,
              },
              method: 'GET',

              success: res => {
                console.log('项目列表信息', res);

                if (res.data.success == true && res.data.data) {
                  console.log('1111:', res.data.data.length);
                  if (res.data.data.length > 0) {
                    if (!uni.getStorageSync('dqfull_name')) {
                      console.log('没有选中的');
                      res.data.data[0].actived = true;
                      this.dqfull_name = res.data.data[0];
                      uni.setStorageSync('dqxm', res.data.data[0]);
                    } else {
                      console.log('有选中的');
                      var lsid = uni.getStorageSync('dqfull_name').id;

                      for (let i in res.data.data) {
                        if (res.data.data[i].id == lsid) {
                          res.data.data[i].actived = true;
                          this.dqfull_name = res.data.data[i];
                          uni.setStorageSync('dqxm', res.data.data[i]);
                        } else {
                          res.data.data[i].actived = false;
                        }
                      }
                    }
                    this.items = res.data.data;
                    uni.setStorageSync('dqfull_name', this.dqfull_name);

                    this.nodata = true;
                  } else {
                    this.dqfull_name = '';
                    this.nodata = false;
                  }
                } else {
                  this.nodata = false;
                  // this.dqfull_name = "";
                  // this.nodata = false;
                  // 					this.repeat_click = true;
                  //uni.showToast({
                  // 	title: res.data.msg,
                  // 	icon: 'none'
                  // });
                }
              },
              fail: () => {
                this.repeat_click = true;
                uni.showToast({
                  title: '服务器开小差，请稍后~',
                  icon: 'none',
                });
                return false;
              },
            });
          } else {
            uni.navigateTo({
              url: '../login/login',
            });
            console.log('qqqqqqqqq222222');
            return false;
          }
        },
      });

      this.aashowpop = false;
      this.wdl = true;
      // console.log("11111",this.dqfull_name.appCategoryList)

      // 底部红点信息
      if (uni.getStorageSync('user').corpBaseInfoResponse) {
        console.log(123321);

        request({
          url: `/msg/group-msg/unread-cnt`,
          method: 'GET',

          success: res => {
            console.log('底部未读消息', res);
            if (res.data.success == true && res.data.data > 0) {
              uni.setTabBarBadge({
                index: 1,
                text: `${res.data.data}`,
              });
            }
          },
        });
      }
    }
  },

  methods: {
    abtTC() {
      // this.aashowpop = false
    },

    abtTC3() {
      this.aashowpop2 = false;
    },
    abtTC22() {
      uni.navigateTo({
        url: '../user/user_select_add',
      });
    },

    abtTC2() {
      uni.navigateTo({
        url: '../login/login',
      });
    },

    labelBtn(index) {
      console.log(index);
      for (let i in this.items) {
        this.items[i].actived = false;
      }

      this.items[index].actived = true;

      var jtitle = this.items[index];

      console.log(index);

      uni.setStorageSync('dqfull_name', this.items[index]);

      var ac = uni.getStorageSync('jkcs');

      if (uni.getStorageSync('dqfull_name')) {
        ac.project = uni.getStorageSync('dqfull_name').id;
      }
      uni.setStorageSync('dqxm', this.items[index]);
      uni.setStorageSync('jkcs', ac);

      console.log('1111:', uni.getStorageSync('jkcs'));

      this.dqfull_name = this.items[index];
      console.log('dqfull_name', this.dqfull_name);

      this.show_xl = false;
    },

    tp_add() {
      if (!uni.getStorageSync('user').corpBaseInfoResponse) {
        this.aashowpop2 = true;
        return;
      }

      uni.navigateTo({
        url: '../main/project_add',
      });
    },
    to_meeting() {
      uni.navigateTo({
        url: '../main/meeting',
      });
    },
    to_finance() {
      uni.navigateTo({
        url: '../main/finance',
      });
    },
    to_doc() {
      uni.navigateTo({
        url: '../main/doc',
      });
    },
    to_agreement() {
      uni.navigateTo({
        url: '../main/agreement',
      });
    },
    to_tel() {
      uni.navigateTo({
        url: '../main/tel',
      });
    },
    to_in() {
      uni.navigateTo({
        url: '../main/in',
      });
    },
    to_mate() {
      uni.navigateTo({
        url: '../main/mate',
      });
    },
    to_mac() {
      uni.navigateTo({
        url: '../main/mac',
      });
    },
    to_bclosei() {
      uni.navigateTo({
        url: '../main/bclose_index',
      });
    },
    to_closei() {
      uni.navigateTo({
        url: '../main/close_index',
      });
    },
    to_build() {
      uni.navigateTo({
        url: '../main/build',
      });
    },
    to_work() {
      uni.navigateTo({
        url: '../main/work',
      });
    },
    // 跳转
    to_need(a) {
      console.log(a);

      if (a == '../main/doc') {
        uni.switchTab({
          url: `/pages/doc/doc`, //要跳转的路径
        });
      } else {
        uni.navigateTo({
          url: a,
        });
      }
    },
    to_clock() {
      uni.navigateTo({
        url: '../main/clock',
      });
    },

    to_wfdj() {
      uni.navigateTo({
        url: '../main/wf',
      });
    },

    add() {
      uni.navigateTo({
        url: '../main/project_add',
      });
    },

    // 跳转
    to_add() {
      uni.navigateTo({
        url: '../main/project_add',
      });
    },
    to_more() {
      uni.navigateTo({
        url: `../main/project`,
      });
    },
    xl() {
      this.show_xl = !this.show_xl;
    },

    jshow_pop(a) {
      this.ashowpop = !this.ashowpop;
      this.ashowpop_jtop_rl = false;
      this.ashowpop_jfolder = false;

      console.log(a);
      if (a == 'jtop_rl') {
        this.ashowpop_jtop_rl = true;
      }
      if (a == 'jfolder') {
        this.ashowpop = true;
        this.ashowpop_jfolder = true;
      }
      if (a == 'sz') {
        this.ashowpop_sz = true;
      }
    },
    setbj() {
      this.bj = !this.bj;
    },
  },
  // computed: mapState(['forcedLogin', 'hasLogin', 'userName']),
};
</script>

<style>
.tophr {
  width: 100%;
  height: 88rpx;
}
.mb {
  width: 702rpx;
  height: auto;
  display: block;
  float: left;
  margin: 24rpx 24rpx 0rpx;
  background: #ffffff;
  border-radius: 12rpx;
}
.mb_t {
  width: 654rpx;
  padding: 24rpx;
  height: auto;
  display: block;
  float: left;
  color: #888888;
  font-size: 24rpx;
  line-height: 32rpx;
  border-bottom: 1px solid #dddddd;
}
.mb_b {
  width: 100%;
  height: auto;
  display: block;
  float: left;
  margin: 0rpx 0 0;
}
.mb_bs {
  width: 25%;
  height: 195rpx;
  display: block;
  float: left;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  box-sizing: border-box;
}
.nobr {
  border-right: 0px;
}
.nobf {
  border-bottom: 0px;
}
.mb_bs image {
  width: 64rpx;
  height: 64rpx;
  display: block;
  float: left;
  margin: 39rpx 55rpx 20rpx 55rpx;
}
.mb_bs text {
  width: 100%;
  height: auto;
  display: block;
  float: left;
  color: #333333;
  font-size: 24rpx;
  line-height: 40rpx;
  text-align: center;
}
.mb_bs:active {
  background: #f5f5f5;
}

.mb_bs22:active {
  background: none;
}
.mb_bs22 {
  border-bottom: 0 !important;
}
.mb_bs2 {
  border-right: 0;
}

.no {
  width: 100%;
  height: auto;
  display: block;
  float: left;
  margin: 400rpx 0 0;
}
.no_t {
  width: 200rpx;
  height: 200rpx;
  display: block;
  float: left;
  margin: 0 275rpx;
  background: #ffffff;
  border-radius: 200rpx;
}
.no_t image {
  width: 140rpx;
  height: 140rpx;
  display: block;
  float: left;
  margin: 30rpx;
}
.no_c {
  width: 100%;
  height: auto;
  display: block;
  float: left;
  margin: 30rpx 0 50rpx;
  color: #666666;
  font-size: 32rpx;
  line-height: 40rpx;
  text-align: center;
}
.no_f {
  width: 460rpx;
  height: 94rpx;
  line-height: 94rpx;
  background: #256aff;
  border-radius: 10rpx;
  display: block;
  float: left;
  margin: 0 145rpx;
  color: #ffffff;
  font-size: 36rpx;
  text-align: center;
}
.no_f:active {
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.199437),
      rgba(0, 0, 0, 0.199437)
    ),
    #256aff;
}
.mb_b .mb_bs:nth-child(1),
.mb_b .mb_bs:nth-child(2),
.mb_b .mb_bs:nth-child(3),
.mb_b .mb_bs:nth-child(4) {
  margin-top: -1px;
  border-bottom: 1px solid #dddddd;
}
.mb_b .mb_bs:nth-child(5),
.mb_b .mb_bs:nth-child(6),
.mb_b .mb_bs:nth-child(7),
.mb_b .mb_bs:nth-child(8) {
  margin-top: -1px;
}

.index {
  background: rgb(242, 242, 242);
  width: 100%;
  height: auto;
}
.jtop {
  width: 100%;
  height: 88rpx;
  background: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 998;
  box-shadow: inset 0px -1px 0px #dddddd;
}
.jtop_l {
  width: auto;
  height: auto;
  display: block;
  float: left;
}
.jtop_r {
  width: 48rpx;
  height: 48rpx;
  display: block;
  float: right;
  margin: 20rpx 20rpx 0 0;
}
.jtop_r image {
  width: 48rpx;
  height: 48rpx;
  display: block;
  float: left;
}
.jtop_c {
  width: 81%;
  height: 48rpx;
  line-height: 48rpx;
  display: block;
  float: left;
  position: fixed;
  top: 20rpx;
  left: 4%;
  text-align: center;
  font-size: 36rpx;
  color: #000000;
  overflow: hidden;
  text-align: left;
}
.jtop_c2 {
  width: 70%;
  left: 15%;
  text-align: center;
}
.jtop_c span {
  display: inline-block;
  max-width: 86%;
}
.jtop_c image {
  width: 36rpx;
  height: 36rpx;
  display: inline-block;
  float: none;
  margin-bottom: 1rpx;
  margin-left: 5rpx;
}
.jtop_b {
  width: 100%;
  height: auto;
  background: #ffffff;
  position: fixed;
  top: 88rpx;
  left: 0;
  z-index: 1001;
}
.jtop_bj {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 997;
}

.jtop_bs {
  width: 100%;
  height: auto;
  background: #ffffff;
  display: block;
  float: left;
}
.jtop_bs view {
  width: 720rpx;
  height: 90rpx;
  background: #ffffff;
  display: block;
  float: left;
  margin: 0 0 0 30rpx;
  border-bottom: 1px solid #dddddd;
}
.jtop_bs view text {
  width: 80%;
  height: 90rpx;
  line-height: 90rpx;
  background: #ffffff;
  display: block;
  float: left;
  font-size: 34rpx;
  color: #000000;
}
.jtop_bs view image {
  width: 48rpx;
  height: 48rpx;
  display: none;
  float: right;
  margin: 21rpx 30rpx 0 0;
}
.jtop_bs.selectBox view image {
  display: block;
}

.tc {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  display: block;
}

.tc_box {
  width: 540rpx;
  height: auto;
  background: #ffffff;
  border-radius: 14rpx;
  margin: 460rpx 105rpx 0;
  position: relative;
  z-index: 10001;
  overflow: hidden;
}
.tc_boxt {
  width: 100%;
  height: 44rpx;
  font-size: 36rpx;
  line-height: 44rpx;
  display: block;
  float: left;
  text-align: center;
  margin: 40rpx 0 20rpx;
  color: #000000;
}
.tc_boxtc {
  width: 90%;
  height: 36rpx;
  font-size: 28rpx;
  line-height: 36rpx;
  display: block;
  float: left;
  text-align: center;
  margin: 0rpx 5% 40rpx;
  color: #666666;
}
.tc_boxi {
  width: 460rpx;
  height: 88rpx;
  background: #ffffff;
  border-radius: 8rpx;
  border: 1px solid #dddddd;
  display: block;
  float: left;
  margin: 0rpx 40rpx 22rpx 40rpx;
}
.tc_boxi input {
  width: 70%;
  height: 48rpx;
  margin: 20rpx 5%;
  font-size: 32rpx;
  color: #000000;
  float: left;
}
.tc_boxi image {
  width: 36rpx;
  height: 36rpx;
  display: block;
  float: right;
  margin: 26rpx 20rpx 0rpx 0;
}
.tc_f {
  width: 100%;
  height: 100rpx;
  display: block;
  float: left;
  border-top: 1px solid #dcdee3;
  margin: 20rpx 0 0;
}
.tc_fl {
  width: 269rpx;
  height: 100rpx;
  line-height: 100rpx;
  text-align: center;
  font-size: 36rpx;
  color: #256aff;
  display: block;
  float: left;
  border-right: 1px solid #dcdee3;
}
.tc_fr {
  width: 100%;
  height: 100rpx;
  line-height: 100rpx;
  text-align: center;
  font-size: 36rpx;
  color: #256aff;
  display: block;
  float: left;
}
.tc_fr2 {
  width: 269rpx;
  height: 100rpx;
  line-height: 100rpx;
  text-align: center;
  font-size: 36rpx;
  color: #eb5342;
  display: block;
  float: left;
}
.mb_bsj4,
.mb_bsj5,
.mb_bsj6,
.mb_bsj7 {
  border-top: 0 !important;
}

.uni-input-input {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
</style>
